|
I'm Navindu Navanjana

• Modern Tech Stack: Expertly crafted using Tailwind CSS, HTML5, and Vanilla JavaScript.
• Interactive Learning: Guided curriculum structure tailored for intuitive software engineering education.
• Responsive Design: Fully optimized glassmorphism UI that works seamlessly across all devices.
• Custom Dark Theme: Built with a focus on modern aesthetics and eye-comfort for long coding sessions.
• Performance Focused: Lightweight architecture ensuring fast load times and smooth scroll animations.
• Project-Based Approach: Features real-world coding scenarios to bridge the gap between theory and practice.
• Assessments: Final quiz assignments are also included to test learning outcomes.

• Live Code Runner: Write and execute code directly in the browser with instant real-time feedback.
• Responsive Previews: Live previews available and tailored for Mobile, Tablet, and Computer screens.
• Favicon Support: Unlike other standard preview sites, it accurately renders the custom favicon of your project.
• Persistent State: Safely refresh the browser page without losing your current code progress.
• Local Saving: Easily save and download the created projects directly to your own PC.

• Firebase Backend: Developed using Firebase's real-time capabilities for instant data synchronization and secure backend management.
• Social Logins: Seamlessly integrated Google and GitHub OAuth providers for quick and easy user registration.
• Email Verification: Includes a robust email/Gmail verification step to ensure account security and authenticity.
• Profile Management: A dedicated user profile section where users can securely manage their account details and personal data in real-time.
• Real-Time Updates: Leverages the Firebase Realtime Database for instantaneous state updates across all connected devices.

• Real-Time Messaging: Instant message delivery powered by Node.js, Express, and Firebase Realtime Database.
• User Profiles: Fully customizable profiles where users can view and update their personal descriptions and details.
• Live Activity: Real-time online and offline status tracking for all users, plus live "typing..." indicators.
• Read Receipts: Accurate message delivery tracking that shows when a message has been seen by the recipient.
• 24-Hour Status Stories: Allows users to post image statuses that automatically disappear after 24 hours.

• Tech Gadgets Store: A fully functional sample e-commerce platform focused on mobile phones and electronic devices.
• Shopping Features: Customers can easily browse products, read specifications, and simulate purchasing.
• Customer Reviews: Includes a dedicated review and rating system where users can share their feedback on products.
• Clean UI/UX: A simple, user-friendly interface designed to make online shopping effortless and intuitive.

• Movie Exploration: Beautifully designed interface to discover and explore new films.
• TMDB API Integration: Fetches real-time data, posters, and details using the TMDB API.
• Save Favorites: Allows users to easily save their favorite films for later viewing.
• Responsive UI: Perfectly crafted to be fully responsive and work seamlessly across mobile, tablet, and desktop.
• Modern Aesthetics: Features an elegant design, vibrant layout, and smooth animations.

Introducing Flowchart Core: A web-based engineering tool designed to bridge the gap between visual algorithm mapping and live code execution! Building this application from scratch was a deep dive into scalable client-side architecture, complex DOM synchronization, and low-latency canvas manipulation.

Core Engineering Highlights:

• Live Logical Evaluation Runtime: Parses visual expressions (Inputs, Calculations, Decision loops) inside a native browser trace stack simulation.
• Dynamic Theme Synchronizer: Engineered a context-aware Light/Dark mode system that instantly recalculates node palettes.
• Rigid Grid Snapping & Orthogonal Routing: Utilizes absolute vector mathematics to perfectly align SVG connection paths onto a strict 20px matrix layout.
• 50-Cycle Deep Undo/Redo Pipeline: Implemented an optimized non-linear history memory tracking stack to safeguard complex logic changes.
• Production-Ready Exports: Programmed canvas projection mapping allowing high-density structure downloads across PNG, JPEG, JPG, and PDF formats.
• Persistent Registry Cache: Wired data pathways into local state caching, preventing data loss on unexpected browser tabs refresh.